@charset 'UTF-8';

.container {
    width: 1200px;
    margin: 0 auto;
}



@media screen and (min-width:1000px) {
    .media_warp {
        .media_box {
            .container {
                padding-left: 0;
                padding-right: 0;
    
                .cons {
                    .title {
                        h2 {
                            font-size: 26px;
                            margin-top: 50px;
                            padding-bottom: 10px;
                            border-bottom: 1px solid #ccc;
                            color: #6e7276;
                        }
                    }
    
                    .con {
    
                        // height: 500px;
                        >ul {
                            overflow: hidden;
    
                            li {
                                padding-top: 20px;
                                width: 33.3%;
                                float: left;
                                height: 328px;
                                cursor: pointer;
                                &:nth-of-type(1) {
                                    .centent {
                                        .box {
                                            a {
                                                &:nth-of-type(2) {
                                                    position: absolute;
                                                    right: 0;
                                                    bottom: 3px;
                                                    background: url(../images/news1.8.png) no-repeat;
                                                    display: inline-block;
                                                    width: 14px;
                                                    height: 14px;
                                                }
                                            }
                                        }
                                    }
                                }
    
                                .centent {
                                    margin: 0 10px 0;
    
                                    &:hover {
                                        background: #f1f2f7;
                                    }
    
                                    img {
                                        // width: 386px;
                                        width: 100%;
                                        height: 217px;
    
                                    }
    
                                    .box {
                                        overflow: hidden;
                                        margin: 10px;
                                        position: relative;
                                        height: 71.5px;
    
                                        a {
                                            text-decoration: none;
    
                                            &:nth-of-type(1) {
                                                p {
                                                    color: #878b97;
                                                    // overflow: hidden;
                                                    line-height: 1.5;
                                                    height: 3em;
                                                    // text-overflow: -o-ellipsis-lastline;
                                                    overflow: hidden;
                                                    text-overflow: ellipsis;
                                                    display: -webkit-box;
                                                    -webkit-line-clamp: 2;
                                                    // line-clamp: 2;
                                                    -webkit-box-orient: vertical;
                                                }
                                            }
    
                                            &:nth-of-type(3) {
                                                position: absolute;
                                                right: 0;
                                                bottom: 3px;
                                                background: url(../images/news1.8.png) no-repeat;
                                                display: inline-block;
                                                width: 14px;
                                                height: 14px;
                                            }
    
                                        }
    
                                        span {
                                            display: inline-block;
                                            background: #f1f2f7;
                                            padding: 0 5px;
                                            color: #024199;
                                            position: absolute;
                                            top: 50px;
                                            left: 0;
    
                                        }
                                    }
    
    
                                }
                            }
                        }
                    }
    
                }
            }
        }
    }
}

@media screen and (max-width:750px) {
    html {
        font-size: calc(100vw/7.5);
    }

    .container {
        width: 355px;
        margin: 0 auto;
        overflow: hidden;
    }
    .media_warp {
        .media_box {
            .container {
                padding-left: 0;
                padding-right: 0;
    
                .cons {
                    .title {
                        h2 {
                            font-size: 22px;
                            margin-top: 20px;
                            margin-bottom: 30px;
                            padding-bottom: 10px;
                            border-bottom: 1px solid #ccc;
                            color: #6e7276;
                        }
                    }
    
                    .con {
    
                        // height: 500px;
                        >ul {
                            overflow: hidden;
    
                            li {
                                padding-top: 20px;
                                height: 328px;
                                width: auto;
                                float: none;
                                cursor: pointer;
                                &:nth-of-type(1) {
                                    .centent {
                                        .box {
                                            a {
                                                &:nth-of-type(2) {
                                                    position: absolute;
                                                    right: 0;
                                                    bottom: 3px;
                                                    background: url(../images/news1.8.png) no-repeat;
                                                    display: inline-block;
                                                    width: 14px;
                                                    height: 14px;
                                                }
                                            }
                                        }
                                    }
                                }
    
                                .centent {
                                    margin: 0 10px 0;
    
    
                                    img {
                                        // width: 386px;
                                        width: 100%;
                                        height: 217px;
    
                                    }
    
                                    .box {
                                        overflow: hidden;
                                        margin: 10px;
                                        position: relative;
                                        height: 71.5px;
    
                                        a {
                                            text-decoration: none;
    
                                            &:nth-of-type(1) {
                                                p {
                                                    color: #878b97;
                                                    // overflow: hidden;
                                                    line-height: 1.5;
                                                    height: 3em;
                                                    // text-overflow: -o-ellipsis-lastline;
                                                    overflow: hidden;
                                                    text-overflow: ellipsis;
                                                    display: -webkit-box;
                                                    -webkit-line-clamp: 2;
                                                    // line-clamp: 2;
                                                    -webkit-box-orient: vertical;
                                                }
                                            }
    
                                            &:nth-of-type(3) {
                                                position: absolute;
                                                right: 0;
                                                bottom: 3px;
                                                background: url(../images/news1.8.png) no-repeat;
                                                display: inline-block;
                                                width: 14px;
                                                height: 14px;
                                            }
    
                                        }
    
                                        span {
                                            display: inline-block;
                                            background: #f1f2f7;
                                            padding: 0 5px;
                                            color: #024199;
                                            position: absolute;
                                            top: 50px;
                                            left: 0;
    
                                        }
                                    }
    
    
                                }
                            }
                        }
                    }
    
                }
            }
        }
    }
}